body {
    width: 100%;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    height: 1200px;
}
@media screen and (mi-width:750px){
    html{
        font-size: 37.5px !important
    }
}
a{
   text-decoration: none;
  
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.app{
    height:45px;
}
.app ul li{
    float: left;
    height: 45px;
    line-height: 45px;
    background-color: #333333;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
}
.app ul li:nth-child(1){
    width: 8%;
}
.app ul li:nth-child(1) img{
width: 10px;
left: 10px;
margin-top: 10px;
}
.app ul li:nth-child(2){
    width: 10%;
}
.app ul li:nth-child(2) img{
    width: 30px;
    margin-top: 6px;
}
.app ul li:nth-child(3){
    width: 57%;
}
.app ul li:nth-child(4){
    width: 25%;
    background-color: #f63515;
}
//搜索
.search-warp {
    position:fixed;
    overflow: hidden;
    width: 100%;
    height: 44px;
    min-width: 320px;
    max-width: 640px;
}
 .search-login {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 44px;
   color:#ffffff;
   margin-top: 15px;
   font-size: 13px;
  }
.search {
    position: relative;
    height:30px;
    background-color: rgb(255, 255, 255);
    margin: 0 50px;
    border-radius: 15px;
    margin-top: 7px;
}
.jl-icon{
    width: 20px;
    height: 15px;
    position: absolute;
    top: 5px;
    left: 17px;
    background-color: pink;
}
.jl-icon::after{
content: "";
position: absolute;
right:-8px;
margin-top: -17px;
display: block;
width: 1px;
height: 15px;
background-color: #b6b5b5;
}
.sou{
    position: absolute;
    top: 8px;
    left: 48px;
    width: 18px;
    height: 15px;
  }
.sou img{
    margin-top: -1px;
    width: 15px;
}
.search p{
    position: absolute;
    top: 8px;
    left: 65px;
    height: 15px;
    font-size: 13px;
    color: #949292;
   }
 .slider img{
     width: 100%;
 }
 .warp {
     padding: 1.066667rem 0.64rem;
     background-color: #ffffff;
     margin-top: 0.266667rem;
     .con-hd{
        display: flex;
        justify-content:space-around;
         justify-content: space-between;
         line-height: 1.013333rem;
         height: 1.013333rem;
         margin-bottom: 0.906667rem;
         h4{
             margin: 0;
            font-size: 0.746667rem;
            color: #333333;
            .icon{
                display: inline-block;
                width: 1.013333rem;
                height: 1.013333rem;
                //添加 这个代码，可以让后面的文字和图片垂直居中对齐
                vertical-align: middle;
            }
         }
         .more{
             font-size: 0.586667rem;
             color: #999999;
         }
     }
 } 
 .nav{
     display: flex;
     flex-wrap: wrap;
    padding: 1.2rem 0 0 0;
   .item{
       font-size: 0.666667rem;
         display: flex;
     width: 33.33%;
     flex-direction: column;
     align-items: center;
     img{
        display: flex;
         justify-content: center;
         align-items: center;
         width: 2.666667rem;
         height: 2.666667rem;
         /*heziyuanjiao*/
        border-radius: 0.533333rem;
        /*heziyingyin*/
        box-shadow: 0.48rem 0.48rem 0.8rem rgba(0,0,0,0.2), 
        -0.48rem -0.48rem 0.8rem rgba(255,255,255,1);
        /*guodushijian ease-outshizhixiankuaisu,houmanshu*/
        transition: all 0.2s ease-out;
        img img{
            width: 1.6rem;
            transform: all 0.2s easa-out;}
            img:hover{
             /*inset shineibuyingyin morenshiwaibuyingyin outset*/
         box-shadow:0 0 0 rgba(0,0,0,0.2), 
         0 0 0 rgba(255,255,255,0.8); 
         inset :0.48rem 0.48rem 0.8rem rgba(0,0,0,0.1);
         inset: -0.48rem -0.48rem 0.8rem rgba(255,255,255,1);
         img:hover img{
            width: 1.546667rem;
        }
            }
        }
     }
       //选择前三个
          &:nth-child(-n+3) {
          margin-bottom: 1.653333rem;
          }
     }
//lunbotu
 .get_job_focus{
     position: relative;
   .swiper-container {
      height: 100%;
        width: 14.4rem;
      }
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
  
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        //shuxiangxianshi
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        transition: 250ms;
        transform: scale(0.8);
        opacity: 0.4;
        a{
            width: 9.013333rem;
            height: 10.16rem;
            img{
                width: 100%;
                height: 100%;
            }
        }
        p{
            font-size: 0.666667rem;
            margin-top: 0.64rem;
            color: #333333;
        }
      }//xuanzhongde
      .swiper-slide-active,.swiper-slide-duplicate-active{
        transform: scale(1);
        z-index: 999;
        opacity: 1;
      }
 }